<template>
  <div>
    <!-- v-model语法糖 将数据和表单元素双向绑定 -->
    <!-- 1. :value 和 @input 的组合  (默认情况) -->
    <input type="text" v-model="msg" />
    <br />
    <br />
    <input type="text" :value="msg2" @input="msg2 = $event.target.value" />
    <br />
    <br />
    <!-- 1. :value 和 @change 的组合  (默认情况) -->
    <input type="text" :value="msg3" @change="desc = $event.target.value" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: 'V-model绑定的',
      msg2: ':value,绑定input事件',
      msg3: ':value,绑定change事件',
    }
  },
  methods: {},
}
</script>

<style></style>
